<!--
/**
* Author: gaohui
* Date: 2023-03-01 16:52
* Desc: RouterComp 路由组件
*/
-->

<template>
  <title-line title="路由跳转基础用法" />
  <div class="mt10">
    <el-button @click.stop="handleJump">跳转到测试路径</el-button>
  </div>
</template>

<script name="RouterComp" lang="ts" setup>
import { useRouter } from "vue-router";

const router = useRouter();
const handleJump = () => {
  router.push({
    path: "/routerCompTest",
    query: {
      name: "mike",
    },
  });
};
</script>
<style lang="scss" scoped></style>
